﻿@using CatHouse.Models
@{
    var loginUser = Session["LoginUser"] as UserModel;
    if (loginUser != null)
    {
        ViewBag.IsLogged = loginUser.Name;
    }
}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="icon" type="image/x-icon" href="~/favicon.ico">
    <title>@ViewBag.Title - PetCare</title>
    <link href="~/Content/bootstrap.css" rel="stylesheet" />
    <link href="~/Content/style.css" rel="stylesheet" />
    <link href="~/Content/tablesaw.css" rel="stylesheet" />
    <link href='http://fonts.googleapis.com/css?family=Cabin:400,500,600,700,400italic,500italic,600italic,700italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
    <script src="~/Scripts/jquery.js"></script>
    <script src="~/Scripts/jquery.validate.js"></script>
    <script src="~/Scripts/jquery.validate.unobtrusive.js"></script>
    <script src="~/Scripts/Magnific-Popup-master/jquery.magnific-popup.min.js"></script>
    <link href="~/Scripts/Magnific-Popup-master/magnific-popup.css" rel="stylesheet" />
    <script src="~/Scripts/modernizr-2.6.2.js"></script>
    <script src="~/Scripts/jquery-ui.min.js"></script>
    <link href="~/Content/jquery-ui.min.css" rel="stylesheet" />
    <script src="~/Scripts/bootstrap.min.js"></script>
    <script src="~/Scripts/respond.min.js"></script>
    <script src="~/Scripts/carouFredSel.js"></script>
    <script src="~/Scripts/jquery.stellar.min.js"></script>
    <script src="~/Scripts/ekkoLightbox.js"></script>
    <script src="~/Scripts/custom.js"></script>
    <script src="~/Scripts/tablesaw.jquery.js"></script>
    <script src="~/Scripts/tablesaw-init.js"></script>

    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
        .white-popup {
            position: relative;
            background: #FFF;
            padding: 20px;
            width: auto;
            max-width: 350px;
            margin: 20px auto;
            border-radius: 10px 10px;
        }
    </style>
</head>
<body class="@ViewBag.CurrentPage">
    <!-- Navigation -->
    <div class="navbar navbar-default navbar-fixed-top affix" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <h1>
                    <a class="navbar-brand" href="@Url.Action("Index", "Home", new { @area = "" } )">
                        <strong>Pet</strong>Care<br>
                        <span data-hover="Kennels">Phương</span>
                    </a>
                </h1>
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li @*class="active"*@>
                        <a href="@Url.Action("Index", "Home", new { @area = "" })" title="Home"><span data-hover="PetCare">Trang chủ</span></a>
                    </li>
                    <li>
                        <a href="prices.html" title="Prices"><span data-hover="Bảng giá">Bảng giá</span></a>
                    </li>
                    <li>
                        <a href="@Url.Action("About", "Home", new { @area = "" })" title="About us"><span data-hover="Thông tin">Giới thiệu</span></a>
                    </li>
                    <li class="dropdown">
                        <a title="Services" href="services.html" class="dropdown-toggle" data-toggle="dropdown"><span data-hover="Dịch vụ">Dịch vụ</span> <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="adoption.html" title="Adoption centre">Adoption centre</a>
                            </li>
                            <li>
                                <a href="services.html" title="Dog boarding kennels">Dog boarding kennels</a>
                            </li>
                            <li>
                                <a href="services-single.html" title="Dog walking">Dog walking</a>
                            </li>
                            <li>
                                <a href="services.html" title="Home boarding">Home boarding</a>
                            </li>
                            <li>
                                <a href="services.html" title="Puppy crèche">Puppy crèche</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="@Url.Action("Contact", "Home", new { @area = "" })" title="Contact us"><span data-hover="Địa chỉ">Liên hệ</span></a>
                    </li>
                    @if (ViewBag.IsLogged == null)
                    {
                        <li @*class="purchase-btn"*@>
                            <a href="@Url.Action("Login", "Admin", new { @area = "" })" class="ajax-popup-link"><span data-hover="Quản lý">Đăng nhập</span></a>
                        </li>
                    }
                    else
                    {
                        <li class="dropdown">
                            <a title="Login" href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <span data-hover="@ViewBag.islogged">@ViewBag.islogged</span> <b class="caret"></b>
                            </a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="@Url.Action("Index", "AdminCP", new { @area = "QuanLy" })" title="Mở trang quản lý">Trang quản lý</a>
                                </li>
                                <li>
                                    <a href="@Url.Action("Index", "NhanVien", new { @area = "QuanLy" })">Nhân Viên</a>
                                </li>
                                <li>
                                    <a href="@Url.Action("Logout", "Admin", new { @area = "" })" title="Đăng xuất">Thoát</a>
                                </li>
                            </ul>
                        </li>
                    }
                </ul>
            </div>
        </div>
    </div>
    <!-- Navigation end -->
    @RenderBody()
    <!-- Footer -->
    <div class="footer">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <h6>A little about us</h6>
                    <p>
                        <strong>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat.</strong>
                    </p>
                    <p>
                        Nam liber tempor cum soluta nobis eleifend option congue nihil
                        imperdiet doming id quod mazim placerat facer possim assum. Typi non
                        habent claritatem insitam.
                    </p>
                </div>
                <div class="col-md-3 blog">
                    <h6>Freshly blogged</h6>
                    <p class="title">
                        <a href="#" title="">Eodem modo typi, qui nunc nobis</a>
                    </p>
                    <p>
                        Claritas est etiam processus dynamicus, qui sequitur mutationem
                        consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc
                        putamus parum claram.
                    </p>
                    <p>
                        <a href="#" title="">Read this post…</a>
                    </p>
                </div>
                <div class="col-md-3">
                    <h6>You may need this</h6>
                    <ul>
                        <li><a href="#" title="">Home</a></li>
                        <li><a href="#" title="">Contact us</a></li>
                        <li><a href="#" title="">FAQ</a></li>
                        <li><a href="#" title="">Terms &amp; conditions</a></li>
                        <li><a href="#" title="">Privacy policy</a></li>
                    </ul>
                </div>
                <div class="col-md-3 contact-info">
                    <h6>Keep in touch</h6>
                    <p>Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum.</p>
                    <p class="social">
                        <a href="#" class="facebook"></a> <a href="#" class="pinterest"></a> <a href="#" class="twitter"></a>
                    </p>
                    <p class="c-details">
                        <span>Mail</span> <a href="#" title="">info@petcare.com</a><br>
                        <span>Tel</span> 0203 000 444
                    </p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 copyright">
                    <p>
                        © Copyright 2014. All rights reserved. <a href="#" title="PetCare wordpress theme">PetCare wordpress theme</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <!-- Footer end -->
    @RenderSection("scripts", required: false)
    <script type="text/javascript">
        $(document).ready(function () {
            $('.ajax-popup-link').magnificPopup({
                type: 'ajax',
                alignTop: false,
                overflowY: 'scroll'
            });

            $('.anhnhanvien').magnificPopup({
                type: 'image',
                alignTop: true,
                overflowY: 'scroll'
            });
        });
    </script>
</body>
</html>